<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../css/common.css" media="all">
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md10">主信息</div>
				<div class="layui-col-md2">
					<div style="padding-left: 7px;">流程信息</div>
				</div>
				<div class="layui-col-md12">
					<div class="layui-col-md3">
						<div style="width: 94%;">
							<div class="layui-card card_one">
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<label class="layui-form-label">应用名称</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">分类名称</label>
										<div class="layui-input-block">
										  <select name="city" lay-verify="required">
											<option value=""></option>
											<option value="0">北京</option>
											<option value="1">上海</option>
											<option value="2">广州</option>
											<option value="3">深圳</option>
											<option value="4">杭州</option>
										  </select>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">应用描述</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="请输入应用描述" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">接口名称</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="请输入接口名称" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">版本编号</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="请输入版本编号" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">版本名称</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="版本名称" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">默认当前版本</label>
										<div class="layui-input-block">
											<input type="radio" name="sex" value="1" title="是">
											<input type="radio" name="sex" value="0" title="否" checked>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">JSON格式</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="JSON格式" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">编码格式</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="编码格式" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">分页数量</label>
										<div class="layui-input-block">
										  <input type="text" name="title" required  lay-verify="required" placeholder="分页数量" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">是否授权</label>
										<div class="layui-input-block">
											<input type="radio" name="sex" value="1" title="是">
											<input type="radio" name="sex" value="0" title="否" checked>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">读取全局</label>
										<div class="layui-input-block">
											<input type="radio" name="sex" value="1" title="是">
											<input type="radio" name="sex" value="0" title="否" checked>
										</div>
									</div>
								</form>
							</div>
							<div>
								<div class="flex_sty flex_justify_content card_top">
									<div>请求参数</div>
									<div class="flex_sty operator">
										<div>添加</div>
										<div>删除</div>
										<div>引入</div>
									</div>
								</div>
								<div class="layui-card" style="padding-bottom: 10px;">
									<table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-md7">
						<!-- <div class="layui-col-md9"> -->
							<div class="layui-card layui-col-md12" style="padding-top: 10px;">
								<div class="layui-tab layui-tab-brief layui-col-md6" lay-filter="changetab">
									<ul class="layui-tab-title" id="view_ul"></ul>
								</div>
								<div class="layui-col-md6">
									<button type="button" class="layui-btn">添加</button>
									<button type="button" class="layui-btn layui-btn-primary layui-border-green">删除</button>
									<button type="button" class="layui-btn layui-btn-primary layui-border-green">复制</button>
									<button type="button" class="layui-btn">保存</button>
									<button type="button" class="layui-btn">全部保存</button>
								</div>
							</div>
							<div class="layui-card layui-col-md12" style="padding-top: 10px;">
								<div>
									<div>
										<form class="layui-form">
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">应用名称</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="请输入应用名称" autocomplete="off" class="layui-input">
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">API名称</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="请输入API名称" autocomplete="off" class="layui-input">
													</div>
												</div>
											</div>
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">类型</label>
													<div class="layui-input-block">
													  <select name="city" lay-verify="required">
														<option value=""></option>
														<option value="0">北京</option>
														<option value="1">上海</option>
														<option value="2">广州</option>
														<option value="3">深圳</option>
														<option value="4">杭州</option>
													  </select>
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">数据库表名</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="请输入数据库表名" autocomplete="off" class="layui-input">
													</div>
												</div>
											</div>
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">数据源</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="数据源" autocomplete="off" class="layui-input">
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">数据集</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="数据集" autocomplete="off" class="layui-input">
													</div>
												</div>
											</div>
											
											<div class="layui-form-item">
												<label class="layui-form-label">执行条件</label>
												<div class="layui-input-block">
												  <input type="text" name="" placeholder="执行条件" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="layui-form-item">
												<label class="layui-form-label">执行条件参数</label>
												<div class="layui-input-block">
												  <input type="text" name="" placeholder="执行条件参数" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">数集类型</label>
													<div class="layui-input-block">
														<input type="radio" name="sex" value="0" title="对象">
														<input type="radio" name="sex" value="1" title="数组" checked>
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">是否输出</label>
													<div class="layui-input-block">
														<input type="radio" name="sex" value="0" title="否">
														<input type="radio" name="sex" value="1" title="是" checked>
													</div>
												</div>
											</div>
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">是否字典</label>
													<div class="layui-input-block">
														<input type="radio" name="sex" value="0" title="否">
														<input type="radio" name="sex" value="1" title="是" checked>
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">输出日志</label>
													<div class="layui-input-block">
														<input type="radio" name="sex" value="0" title="否">
														<input type="radio" name="sex" value="1" title="是" checked>
													</div>
												</div>
											</div>
											
											<div class="layui-form-item">
												<label class="layui-form-label">运行方式</label>
												<div class="layui-input-block">
													<input type="radio" name="sex" value="0" title="创建">
													<input type="radio" name="sex" value="1" title="更新" checked>
													<input type="radio" name="sex" value="1" title="读取" >
													<input type="radio" name="sex" value="1" title="删除" >
												</div>
											</div>
											<div class="flex_sty">
												<div class="layui-form-item">
													<label class="layui-form-label">排序</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="排序" autocomplete="off" class="layui-input">
													</div>
												</div>
												<div class="layui-form-item">
													<label class="layui-form-label">每页数量</label>
													<div class="layui-input-block">
													  <input type="text" name="" placeholder="每页数量" autocomplete="off" class="layui-input">
													</div>
												</div>
											</div>
											<div class="layui-form-item">
												<label class="layui-form-label">缓存时间</label>
												<div class="layui-input-block">
												  <input type="text" name="" placeholder="缓存时间" autocomplete="off" class="layui-input">
												</div>
											</div>
											<div class="layui-form-item layui-form-text">
												<label class="layui-form-label">SQL</label>
												<div class="layui-input-block">
												  <textarea placeholder="SQL" class="layui-textarea"></textarea>
												</div>
											</div>
											<div class="layui-form-item layui-form-text">
												<label class="layui-form-label">查询条件</label>
												<div class="layui-input-block">
												  <textarea placeholder="查询条件" class="layui-textarea"></textarea>
												</div>
											</div>
											<div class="layui-form-item layui-form-text">
												<label class="layui-form-label">SQL排序</label>
												<div class="layui-input-block">
												  <textarea placeholder="SQL排序" class="layui-textarea"></textarea>
												</div>
											</div>
											<div class="layui-form-item layui-form-text">
												<label class="layui-form-label">SQL分组</label>
												<div class="layui-input-block">
												  <textarea placeholder="SQL分组" class="layui-textarea"></textarea>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						<!-- </div> -->
					</div>
					<div class="layui-col-md2">
						<div class="card_right" style="width: 90%;margin-left: 30px;">
							<div class="layui-card card_list">
								<div class="sanjiao"></div>
								<div class="flex_sty flex_justify_content">
									<div>流程1:UXCF12QW123</div>
									<div style="color: #A7A7A7;">已保存</div>
								</div>
								<div class="tab_sty">
									<div class="list_url">xxsd.member-orders.pay.not</div>
									<!-- <div class="flex_sty ">
										<div>运行方式</div>
										<div>类型</div>
										<div>输出</div>
									</div> -->
									<table class="layui-table" lay-skin="line" style="margin-top: 0;">
									    <tr>
											<td>运行方式</td>
											<td>类型</td>
											<td>输出</td>
										</tr>
										<tr style="color: #333;">
											<td>读取</td>
											<td>对象</td>
											<td style="color: #009688;">是</td>
										</tr>
									</table>
								</div>
							</div>
						
						</div>
					</div>
				</div>
			
				
				
			</div>
		</div>
		<script type="text/html" id="demo_ul">
			<li class="layui-this" lay-id='1'>流程管理</li>
			<li  lay-id='2'>筛选</li>
			<li lay-id='3'>资金</li>
			<li lay-id='4'>字段管理</li>
			<li lay-id='5'>响应参数</li>
		</script>
		<script src="../../layuiadmin/layui/layui.js?t=1"></script>
		<script src="../../js/common.js"></script>
		<script>
			layui.config({
				base: '../../layuiadmin/' //静态资源所在路径
			}).extend({
				index: 'lib/index' //主入口模块
			}).use(['index', 'table', 'form', 'element', 'laytpl'], function() {
				var table = layui.table,
					$ = layui.$,
					form = layui.form,
					laytpl = layui.laytpl,
					element = layui.element,
					admin = layui.admin;

				var role_id = cookie.GetCookie('role_id');
				var _data = {}
				var getTpl = demo_ul.innerHTML,
					view = document.getElementById('view_ul');
					view.innerHTML = getTpl;
					console.log(view,'getTplgetTplgetTpl')
				
				initdata();
				function initdata() {
					console.log(_data);
					$.get(server.sys_account_account,_data, function(res, status) {
						if (status == 'success') {
							if (res.code == 0) {
								var aaa_list = res.account.data
								table.render({
									elem: '#test-table-operate',
									url: server.op_querybillslist,
									height: 'full-105',
									// toolbar: true,
									totalRow: true,
									cols: [
										[{
											width: 50,
											field: 'zizeng',
											title: '#',
											fixed: 'left',
											templet: '#zizeng'
										}, 
										{
											field: 'dates',
											width: 100,
											title: '参数名称',
										},
										{
											field: 'orderid',
											width: 80,
											title: '类型',
										},{
											field: 'memberid',
											width: 80,
											title: '长度',
										},
										{
											field: 'name',
											width: 100,
											title: '描述',
										},
										]
									],
									page: true,
									where: _data,
									limit: limit,
									limits: limits,
									request: {
										pageName: 'page',
										limitName: 'size',
									},
									parseData: function(res) { //将原始数据解析成 table 组件所规定的数据
										return {
											"code": res.code, //解析接口状态
											"msg": res.msg, //解析提示文本
											"count": res.bills.pager.total, //解析数据长度
											"data": res.bills.data //解析数据列表
										};
									}
								});
							} else {
								layer.msg(res.msg);
							}
						} else {
							layer.msg('服务器连接错误');
						}
					});
				}
			});
		</script>
	</body>
</html>
